<!-- seach START -->
<div class="seach-wrap">
    <nz-space>
        <input *nzSpaceItem type="text" nz-input placeholder="请输入操作人姓名" [(ngModel)]="queryForm.realName" />
        <button *nzSpaceItem nz-button nzType="primary" (click)="query()">查询</button>
        <button *nzSpaceItem nz-button nzType="default" (click)="backList()">重置</button>
    </nz-space>
</div>
<!-- seach END -->

<main>
    <nz-table #rowSelectionTable nzShowSizeChanger [nzData]="listOfData?.records" [nzShowPagination]="false"
        [nzPageSize]="listOfData?.size" [nzLoading]="tableLoading"nzBordered>
        <thead>
            <tr>
                <th nzAlign="center">id</th>
                <th nzAlign="center">操作</th>
                <th nzAlign="center">操作时间</th>
                <th nzAlign="center">操作人ID</th>
                <th nzAlign="center">操作人姓名</th>
                <th nzAlign="center">IP地址</th>
                <th nzAlign="center">请求数据</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngIf="searchHint && listOfData?.records">
                <td class="searchHint" nzAlign="center" colspan="13">
                    <span>搜索 “{{searcName}}”，找到&nbsp;{{ listOfData?.total }}&nbsp;条结果</span>
                    <a (click)="backList()">返回原列表</a>
                </td>
            </tr>
            <tr *ngFor="let data of rowSelectionTable.data">
                <!-- id -->
                <td nzAlign="center">{{data.id}}</td>
                <!-- 操作 -->
                <td nzAlign="center">{{data.menu}}</td>
                <!-- 操作时间 -->
                <td nzAlign="center">{{data.createTime}}</td>
                <!-- 操作人ID -->
                <td nzAlign="center">{{data.userId}}</td>
                <!-- 操作人姓名 -->
                <td nzAlign="center">{{data.realName}}</td>
                <!-- IP地址 -->
                <td nzAlign="center">{{data.ip}}</td>
                <!-- 请求数据 -->
                <td nzAlign="center">
                    <span  class="newContent">{{data.newContent}}</span>
                </td>
            </tr>
        </tbody>
    </nz-table>
    <div class="pagination-box">
        <div class="pagination-template">
            <ng-template #totalTemplate let-total> 共有 {{ total }} 条 </ng-template>
            <nz-pagination [nzPageSizeOptions]="[10, 20, 50, 100]"nzShowSizeChanger nzShowQuickJumper [nzPageIndex]="listOfData?.current" [nzTotal]="listOfData?.total"
                [nzShowTotal]="totalTemplate" [nzPageSize]="listOfData?.size"
                (nzPageIndexChange)="onPageIndexChange($event)" (nzPageSizeChange)="onPageSizeChange($event)">
            </nz-pagination>
        </div>
    </div>
</main>
